@charset "UTF-8";
.page-index .background {
  background: linear-gradient(180deg, #FDE8CD 0%, #FFFFFF 100%);
  width: 100%;
  height: 496rpx;
  position: absolute;
  z-index: -1;
}
.page-index .search-box {
  width: 100%;
  height: 70rpx;
  padding-left: 20rpx;
}
.page-index .search-box .search {
  height: 70rpx;
  width: 478rpx;
  background: #F2E6D4;
  border-radius: 70rpx;
  display: flex;
  align-items: center;
}
.page-index .search-box .search .icon {
  width: 32rpx;
  height: 32rpx;
  font-size: 0;
  margin-left: 30rpx;
}
.page-index .search-box .search .text {
  color: #B2A48F;
  margin-left: 18rpx;
  font-size: 28rpx;
}
.page-index .banner {
  position: relative;
  height: 318rpx;
  width: 750rpx;
  margin: 20rpx auto;
}
.page-index .banner .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 190rpx;
}
.page-index .banner .img {
  width: 100%;
  height: 100%;
}
.page-index .banner .img .item {
  padding: 0 30rpx;
  box-sizing: border-box;
  font-size: 0;
}
.page-index .banner .img .item image {
  border-radius: 16rpx;
}
.page-index .nav-box {
  padding: 34rpx 30rpx 4rpx;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.page-index .nav-box .item {
  width: 25%;
  text-align: center;
  margin-bottom: 26rpx;
}
.page-index .nav-box .item .icon {
  margin: auto;
  width: 80rpx;
  height: 80rpx;
  font-size: 0;
}
.page-index .footer {
  text-align: center;
  margin: 10px;
}
.page-index .nav-box .item .text {
  margin-top: 14rpx;
  color: #5B4523;
  font-family: Source Han Serif CN, Source Han Serif CN;
  font-size: 26rpx;
  font-weight: 500;
  line-height: 40rpx;
}
.page-index .activity {
  width: 690rpx;
  margin: 40rpx auto;
}
.page-index .activity .title, .page-index .hotShop .title {
  position: relative;
  height: 46rpx;
  font-family: Source Han Serif CN, Source Han Serif CN;
  font-weight: bold;
  font-size: 40rpx;
  color: #312619;
  line-height: 46rpx;
  display: flex;
  justify-content: space-between;
}
.page-index .activity .title .text, .page-index .hotShop .title .text {
  font-weight: normal;
  font-size: 26rpx;
}
.page-index .activity .img, .page-index .hotShop .img {
  position: absolute;
  width: 60rpx;
  height: 33rpx;
  top: 26rpx;
  left: 14rpx;
  z-index: -1;
}
.page-index .activity .item {
  margin-top: 36rpx;
  width: 690rpx;
  height: 582rpx;
  background: linear-gradient(180deg, #FDE8CD 0%, #FFFFFF 100%);
  border-radius: 20rpx 20rpx 20rpx 20rpx;
  padding: 28rpx;
  box-sizing: border-box;
}
.page-index .activity .item .cover {
  width: 634rpx;
  height: 318rpx;
  border-radius: 16rpx 16rpx 16rpx 16rpx;
}
.page-index .activity .item .header {
  width: 620rpx;
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: 30rpx;
  color: #333333;
  line-height: 46rpx;
  margin-top: 18rpx;
}
.page-index .activity .item .body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16rpx;
}
.page-index .activity .item .body .time {
  width: 440rpx;
  height: 46rpx;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 26rpx;
  color: #333333;
  line-height: 46rpx;
  text-align: left;
}
.page-index .activity .item .body .location {
  width: 440rpx;
  height: 46rpx;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 26rpx;
  color: #797979;
  line-height: 46rpx;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.page-index .activity .item .body .button {
  width: 177rpx;
  height: 68rpx;
  background: #FDE9CE;
  border-radius: 60rpx 60rpx 60rpx 60rpx;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 28rpx;
  color: #5b4523;
  margin: 0;
}
.page-index .activity .item .body .button::after {
  border: none;
}
.mask {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 300px;
  height: 250px;
  box-sizing: border-box;
  background: linear-gradient(180deg, #FDE8CD 0%, #FFFFFF 100%);
}
.mask .title {
  font-family: Source Han Serif CN, Source Han Serif CN;
  font-weight: bold;
  font-size: 40rpx;
  color: #312619;
  text-align: center;
}
.mask .content, .mask .bottom {
  height: 100rpx;
  display: flex;
  justify-content: space-evenly;
  margin-top: 30rpx;
}
.mask .button {
  background-color: #FDEAD1;
  width: 340rpx;
  height: 100rpx;
  line-height: 100rpx;
}

.countdown-popup{
  background-color: #fde9ce;
  height: 120rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 15rpx;
  margin-left:25rpx;
  margin-right: 25rpx;
  box-shadow: 0 6rpx 6rpx rgba(0, 0, 0, 0.01);
  font-size: 25rpx;
  margin-top: 30rpx;

}

.countdownTime{
  background-color: #333;
  color: #fff;
  padding: 10rpx;
  border-radius: 6rpx;
}
